<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: [wangll]
 * @LastEditTime: 2021-09-22 18:36:36
-->
<template>
<!-- 2.图表容器 -->
  <div ref='root' style="height:150px">
    
  </div>
</template>
<script>
import { Liquid } from '@antv/g2plot';
// 1.引入
export default {
  data(){
    return{

    }
  },
  mounted(){
    this.initCharts();
  },
  // 3.实例化图表
  methods:{
    initCharts(){
      let liquid = new Liquid(this.$refs['root'],{
        percent: 0.75,
        outline: {
          border: 4,
          distance: 8,
        },
        wave: {
          length: 128,
        },
      });
      liquid.render();
    }
  }
}
</script>